//预定表单
    // 获取表单元素
    const form = document.querySelector('#book-form');
    // 监听表单提交事件
    form.addEventListener('submit', function(event) {
    // 阻止表单默认提交行为
    event.preventDefault();
    // 获取表单输入值
    const formData = {
        destination: document.querySelector('input[name="to"]').value,
        guests: document.querySelector('input[name="peopleNum"]').value,
        arrivalDate: document.querySelector('input[name="go-date"]').value,
        departureDate: document.querySelector('input[name="leave-date"]').value
    };
    //检查是否登录
    const currentUser = JSON.parse(localStorage.getItem('currentUser'));
    if (!currentUser) {
        //点击登录按钮
        document.querySelector('#login-btn').click();
        return;
    }
    // 验证必填字段
    if (!formData.destination || !formData.guests || !formData.arrivalDate || !formData.departureDate) {
        alert('请填写所有必填字段！');
        return;
    }
    // 验证到达日期不能晚于离开日期
    if (new Date(formData.arrivalDate) > new Date(formData.departureDate)) {
        alert('到达日期不能晚于离开日期！');
        return;
    }
    // 验证人数必须大于0
    if (formData.guests <= 0|| isNaN(formData.guests)) {
        alert('预定人数必须大于0！');
        return;
    }
    console.log('表单提交数据:', formData);
    alert(`预定成功！
    目的地: ${formData.destination}
    人数: ${formData.guests}
    到达时间: ${formData.arrivalDate}
    离开时间: ${formData.departureDate}`);
    //存到bookingHistory
    const existingBookings = JSON.parse(localStorage.getItem('bookingHistory')) || [];

    // 4. 将新预定添加到数组
    existingBookings.push(JSON.stringify(formData));

    // 5. 保存更新后的数组
    localStorage.setItem('bookingHistory', JSON.stringify(existingBookings));

    // 6. 反馈与重置
    alert(`预定成功！当前共有 ${existingBookings.length} 条预定记录`);
    this.reset();

    // 7. 打印验证（调试用）
    console.log('当前所有预定:', existingBookings);
    form.reset(); // 重置表单
    });